<template>
    <x-dialog :title="title" class="alert-dlg" :visual.sync = "showValue">
        <div class="content">{{content}}</div>
    </x-dialog>
</template>

<script>
import XDialog from './../XDialog'
export default {
  components: {XDialog},
  props: {
    title: {
      type: String,
      default: '提示'
    },
    content: String
  },
  data () {
    return {
      showValue: false
    }
  }
}
</script>

<style scoped>
.content{
    font-size: 26px;
    color:#333333;
    text-align: center;
}
</style>
<style>
.alert-dlg .title{
    color:#222222 !important;
    font-weight: bold;
}
</style>
